//加载layui的form,使用前必须先加载
var form = layui.form;
//获取用户id URLSearchParams('参数必须是参数格式')
var id = new URLSearchParams(location.search).get('id')
// 完成数据回填
function renderUser() {
    $.ajax({
        type: 'get',
        url: 'admin/users/' + id,
        success: function (res) {
            if (res.status == 0) {
                //使用layui的数据回填
                // form.val('表单的属性值lay-filter','对象形式的数据数据(对象的key和表单各项的那么属性值相同)')
                form.val('user', res.data);
            }
        }
    })
}
renderUser();

//完成用户信息修改
$('form').on('submit', function (e) {
    // 阻止默认行为
    e.preventDefault();
    //获取表单数据
    var data = $(this).serialize();
    // ajax提交给接口，从而完成更新
    $.ajax({
        type: 'put',
        url: 'admin/users',
        data: data, //参数有三种写法 字面量对象,数组,字符串 无写些什么,都会被JQ转为字符串
        success: function (res) {
            // 无论成功还是失败，都要提示
            layer.msg(res.message);
            if (res.status === 0) {
                // 添加成功，跳转到用户列表页面
                location.href = './user.html'
            }
        }
    });
})

//------------------重置----------------------
$('button:contains("重置")').on('click', function (e) {
    e.preventDefault();
    renderUser(); // 重新回填
});